<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>靓仔写的第一个网页</title>
	</head>
	<body>
		我是网页的主体内容！
		
		<h2>【1.文章标题设置】</h2>
		
			<h1>一号标题</h1>
			<h2>一号标题</h2>
			<h3>一号标题</h3>
			<h4>一号标题</h4>
			<h5>一号标题</h5>
			<h6>一号标题</h6>
		
		<h2>【2.空格和换行】</h2>
			我空&nbsp;格
			<br>
			<br>
			我要换行了<br>已换行
			
		<h2>【3.p标签】</h2>
			<p>
				负责文字段落，有没有p，实际运行效果
				没有区别，只是符合标签语义化
			</p>
			
		<h2>【4.代码注释】</h2>
			<!-- qwertyuio -->
			
		<h2>【5.文字相关标签】</h2>
			普通文字
			<br>
			<b>加粗</b>
			<br>
			<strong>加粗同时又强调特别</strong>
			<br>
			<i>斜体显示</i>
			<br>
			<em>又倾斜又一般强调</em>
			<br>
			<s>删除线</s>
			<br>
			<del>删除线</del>
		
		<h2>【6.图片标签】</h2>
			<h4>设置了宽和高</h4>
			<img src="./src/cat.jpg" width="500" height="500">
			<br>
			<br>
			<h4>设置了鼠标悬停在图片上提示的文字</h4>
			<img src="./src/cat.jpg" width="500" height="500"
			title="呵呵,你猫哥我啊!">
			<br>
			<br>
			<h4>当图片未正常加载出来的时候，文字才会被别人看到，因为浏览器会一直加载，先注释了！</h4>
			<!--
			<img src="./src/cat1.jpg" alt="这是一张蓝猫的萌照!">
			-->
			<br>
			<br>
			<h4>默认图片,因为图片太大，这里先注释了！</h4>
			<!-- 
			<img src="./src/cat.jpg">
			-->
			
		<h2>【7.超链接标签】</h2>
			<a href="http://www.baidu.com">点击我可以打开百度</a>
			<br>
			<br>
			<a href="./src/cat.jpg">点击我可以打开本地文件</a>
			<br>
			<br>
			<a href="http://www.baidu.com" target="_blank">点击我可以在新tab或窗口打开百度</a>
			<br>
			<br>
			<a href="#">点击我可以打开世界密码</a>
		
		<h2>【8.路径的概念】</h2>
			相对路径
			<br>
			绝对路径
			<br>
			略
		
		<h2>【9.列表标签】</h2>
			无序列表<br>
			<ul>
				<li>无序列表</li>
				<li>无序列表</li>
				<li>无序列表</li>
				<li>无序列表</li>
				<li>无序列表</li>
			</ul>
			
			有序列表
			<ol>
				<li>有序列表</li>
				<li>有序列表</li>
				<li>有序列表</li>
				<li>有序列表</li>
			</ol>
			
		<h2>【10.布局标签】</h2>
			<div>独占一行，大盒子</div>
			<div>独占一行，大盒子</div>
			<span>一行可以多个，小盒子</span>
			<span>一行可以多个，小盒子</span>
			<br>
			<span>一行可以多个，小盒子</span>
			<span>一行可以多个，小盒子</span>
			<br>
		<h2>【11.音乐标签】</h2>
			<audio src="./src/testmusic.mp3" controls="controls"></audio>
			
		<h2>【12.视频标签】</h2>
			<video src="src/testmove.mp4" controls="controls"></video>
		
	</body>
</html>